<%= javascript_include_tag "application" %>
<script src="http://maps.google.com/maps/api/js?v=3.1&sensor=false" type="text/javascript"></script>
<h1>Ruta</h1>
<% @empleados.each do |empleado| %>
<p>
  <b>Fecha de Asignacion:</b>
  <%=h @ruta.fecha %>
</p>
<p>
  <b>Asignada por:</b>
  <%= empleado.denombre%>
  <%= empleado.deapellido%>
</p>
<p>
  <b>Recolector:</b>
  <%= empleado.renombre%>
  <%= empleado.reapellido%>
</p>
<%end%>

<h2>Ordenes Asignadas</h2>
<table width=800px >
  <tr>
    <thead>
    <th>Fechaorden</th>
    <th>Tracking</th>
    <th>Pais</th>
    <th>Ciudad</th>
    <th>Urbanizacion</th>
    <th>Status</th>
    </thead>
  </tr>
  <% @direccions.each do |direccion| %>
    <%  @contcolor= @contcolor + 1 %>
    <% if(@contcolor % 2 == 0 )%>
    <%  @color= 'style="background:#F0F0F0"' %>
    <% else %>
      <%   @color= nil %>
    <%end%>
      <tr <%= @color %> >
      <td align="center"><%=h direccion.fechaOrden %></td>
      <td align="center"><%=h direccion.tracking %></td>
      <td align="center"><%=h direccion.pais %></td>
      <td align="center"><%=h direccion.ciudad %></td>
      <td align="center"><%=h direccion.urbanizacion %></td>
      <td align="center"><%=h direccion.status %></td>
      <input type="hidden" id="latitude<%=@contcolor%>" name="latitude<%= @contcolor %>" value="<%= direccion.latitud %>"></input>
      <input type="hidden" id="longitude<%=@contcolor%>" name="longitude<%= @contcolor %>" value="<%= direccion.longitud %>"></input>
      
    </tr>
  <% end %>
    <input type="hidden" id="marcadores" name="marcadores" value="<%= @contcolor %>"></input>
</table>

<h2>Ubicacion</h2>
  <div id="mapa" style="width:400px; height:400px"></div>
  
 <br />
<%#= link_to 'Edit', edit_ruta_path(@ruta) %>
<%#= link_to "Atras", :controller => 'rutas', :action => 'new' %>
<%= link_to 'Atras', rutas_path %>